<!DOCTYPE html>
<html>
<head>
	<title>innerText和innerHTML</title>
</head>
<body>
<div id="box">
	<h1>获取元素</h1>
	<ul class="list">
		<li>事件1</li>
		<li>事件2</li>
	</ul>
	<!-- 注释 -->
	<p>结束</p>
</div>
<ul class="list">
	<li>另一个li</li>
	<li>另一个li</li>
	<li>另一个li</li>
</ul>
</body>
<script type="text/javascript">
	
/* innerText和innerHTML区别

	1. innerText只会匹配到所有的文字，如果存在标签，则会自动忽略掉标签
	   同时不会匹配到空白的字符

	2. innerHTML会匹配到所有的结点，包括空白、注释
*/

var div = document.getElementById('box');
var contenta = div.innerText;		
var contentb = div.innerHTML;
console.log(contenta);
console.log(contentb);

</script>
</html>